<table id="tabla_predefinidos" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="pager_predefinidos" class="scroll" style="text-align:center;"></div>

<script type="text/javascript">
  jQuery("#tabla_predefinidos").jqGrid({
    url: "<%= url_for(:controller => "predefinidos", :action => "datos") %>" ,
    editurl: "<%= predefinidos_url%>" ,
    colNames:[
        'Nombre',
        'Tipo ',
        'Tipo Movimiento',
        'Valor',
      ],
    colModel : [
      {name: 'predefinido[nombre]', index: 'nombre', width: 200, align: 'left', editable: true},
      {name: 'predefinido[tipo]', index: 'tipo_movimiento_id', width: 200, align: 'left', editable: true},
      {name: 'predefinido[tipo_movimiento]', index: 'valor', width: 200, align: 'left', editable: true},
      {name: 'predefinido[valor]', index: 'predefinidos.tipo', width: 200, align: 'left', editable: true},
      ],
    sortname: "predefinidos.tipo",
    sortorder: "asc",
    caption: 'Predefinidos',
    <%= default_grid_options(:model => 'predefinidos', :view => predefinidos_path) %>
</script>

<% if @window -%>
  <a href="#" class="jqmClose">Aceptar</a>
<% else -%>
  <% content_for :sidebar do -%>
    <h3>Acciones</h3>
    <%= boton 'Nuevo predefinido', new_predefinido_path, :imagen => 'agregar' %> <br />
    <%= boton 'Ver predefinido', "javascript:abrir(null)", :imagen => 'ver' %>
  <% end -%>
<% end -%>

